<template>
	<div class="payment_div">
		<div class="payheader_div">
			<span  class="btn_back" @click="btn_back">返回</span>
			支付
		</div>
		<div class="payprice_div">
			<p>订单金额</p>
			<p>￥ 500.00</p>
		</div>
		<div class="paytype_div">
			
			<p class="typeWX_ico" style="width: 0.9333rem;height: 0.9333rem; display: inline-block;">
				<img src="../../assets/img/login_wx.png" alt="" style="width: 100%; height: 100%;">
			</p>
			
		
			<p class="typyZFB_ico" style="width: 0.9333rem;height: 0.9333rem; display: inline-block;">
				<img src="../../assets/img/login_wx.png" alt="" style="width: 100%; height: 100%;">
			</p>
				
			
			<mt-radio
			  align="right"
			  v-model="value"
			  :options="options" @change="checkType">
			</mt-radio>
			
		</div>
		<p class="btn_login" @click="btn_paySub">立即支付</p>
	</div>
</template>
<script>
	export default{
		name:'payment',
		data(){
			return {
				value:'微信支付',
				options:[
					{
						label: '微信支付',
						value: '支付宝支付',
					},
					{
						label: '支付宝支付',
						value: '微信支付',
					},
				],
			}
		},
		components:{
			
		},
		
		methods:{
			btn_back:function(){
				this.$router.go(-1);
			},
			checkType:function(){
				console.log(this.value)  
			},
			btn_paySub:function(){
				this.$router.push({ path: '/paysuccess' })
				//this.$router.push({ path: '/payerror' })
			}
			
		},
		mounted:function(){
			//this.getGoodInfo()
		},
		watch:{
			//"$route": "getGoodInfo" 
		}


	}
</script>
<style rel="stylesheet" scoped>
	
	.payprice_div{
		height: 4.1333rem;
		text-align: center;
		background-color: #FFF;
		box-sizing: border-box;
		padding: 1.3333rem 0;
	}
	.payprice_div p:first-child{
		font-size: 0.3733rem;
		color: #A9A9A9;
	}
	.payprice_div p:last-child{
		font-size: 0.7467rem;
		color: #333333;
	}
	.paytype_div{
		position: relative;
	}
	
	.paytype_div>div p{
		display: inline-block;
		vertical-align: middle;
	}
	.btn_login{
		background-color: #FF7D37;
	}
	.typeWX_ico, .typyZFB_ico{
		position: absolute;
		left: 0.4rem;
		z-index: 1;
	}
	.typeWX_ico{
		top: 0.3333rem;

	}
	.typyZFB_ico{
		top: 1.9333rem;		
	}
</style>
